Словарь терминов

Верстка веб-страниц

Верстка веб-страниц — это процесс создания веб-страниц с помощью специального WYSIWYG-редактора, либо с помощью обычного, текстового редактора.

Виды разметки

Разметка HTML может быть презентационной и логической.

К примеру, текст, написанный курсивом, может быть получен не только применением тега <em>, но и применением тега <i>. В случае с тегом <i> идет явное указание курсива, а тег <em> является своеобразным логическим ударением на содержимое и потому текст, заключенный в этом теге, отображается курсивом.

То есть первый случай — больше сориентирован на внешний вид, а второй — больше учитывает логическое назначение.

Логический подход — имеет одно преимущество: в нем верстка веб-страниц может быть независима от типа используемого устройства и от дизайна страниц. Если разметка выполнена с применением логической схемы, то одинаковый вариант верстки может использоваться для экранов компьютеров, КПК, для печати, и т. д. Внешний вид страниц в данном случае регулируется с помощью специальных таблиц стилей, хранящихся в отдельном файле.

Слойная верстка веб-страниц

Слои — ряд структурных элементов, который размещается на веб-странице. Слои накладываются друг на друга, причем точность наложения составляет один пиксель. Параметры слоев на страницах могут быть динамически изменены с помощью специальных скриптов. Благодаря этому слойная верстка дает возможность создавать на страницах сайта самые разные эффекты: игры, каскады выпадающих меню, динамические баннеры, плавающие окна, и т. д.

Достоинства слойной верстки веб-страниц

• Быстрое изменение свойств слоя с помощью файла стилей. Этот файл — существенно расширяет возможности по оформлению страниц и позволяющий с помощью относительно простых методов разработать компактный и быстро исполняемый код.
• Отдельные слои могут быть перемещены, спрятаны или наоборот — показаны, при этом перезагрузка всей страницы совершенно не обязательна. Применяя простые инструкции, можно создавать полезные элементы — всплывающие подсказки, движущиеся элементы и другое. Подобные вставки могут увеличить объем конечного кода, однако необходимость повторной загрузки страницы при этом отпадает.
• Размещать элементы на веб-странице достаточно просто, поскольку слои можно накладывать друг на друга.
• По сравнению с таблицами слои отображаются значительно быстрее. Увеличение скорости отображения слоя достигается с помощью применения компактного кода и с помощью постепенного и плавного отображения слоев по мере их загрузки.

Несмотря на ряд достоинств еще не до конца определены веб-стандарты работы со слоями. В результате этого веб-страницы со слоями в различных браузерах могут отображаться по-разному. Поэтому основной проблемой слойной верстки сегодня является невозможность создания абсолютно универсального кода, который бы корректно отображался во всех популярных браузерах.

Табличная верстка веб-страниц

Таблица расценивается браузерами как единый объект на странице. В результате этого таблица не будет отображена в окне браузера до тех пор, пока ее содержимое целиком не загрузится на компьютер пользователя. Когда таблица используется на веб-странице как каркас для остальных, более мелких элементов, то все преимущества таблицы превращаются в ее недостатки, поскольку вывод содержимого может идти с серьезными задержками.

Особенно остро эта проблема проявляется тогда, когда на веб-страницах присутствует множество таблиц, вложенных одна в другую. К тому же увеличение вложенности таблиц ведет к возникновению большого количества ошибок при верстке, а также увеличивает общий объем страницы и заметно снижает скорость ее загрузки.

Помимо этого, применение таблиц для оформления веб-страниц противоречит концепциям семантической верстки, которая заключается в том, что все элементы должны использоваться строгом соответствии с их семантическим смыслом. Тег <table> был создан для разметки и вывода именно табличной информации. Это означает, что все элементы в пределах этого тега должны иметь между собой четкую смысловую и логическую связь, которая наблюдается при выводе элементов, прописанных в строках и столбцах таблицы. Именно эта связь часто теряется при табличной верстке страниц, что противоречит не только семантической концепции, но и действующим стандартам W3C.

Валидность верстки веб-страниц

Валидность верстки веб-страниц — это соответствие верстки международным стандартам, принятым организацией W3C (англ. World Wide Web Consortium — консорциум всемирной паутины). Полное соответствие веб-страницы стандартам W3C и отсутствие ошибок в ее коде является главным показателем качества верстки веб-страниц.